.banner-main {
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
	overflow:hidden;
}

.banner-main-img {
	height: 46.4vw;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner-main-img li {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 100%
}

.banner-main-img li img {
	width: 100%;
	height: auto;
	min-height: 46.4vw;
	display: block;
	position: relative;
	left: 0;
	top: 0
}

.ui-controls ul {
	width:20vw;
	position: absolute;
	bottom: 0.8vw;
	left: 50%;
	margin-left:-10vw; text-align:center; font-size:0;
}

.ui-controls ul li {
	display:inline-table;
	width: 0.9vw;
	height: 0.9vw;
	margin: 0 0.4vw;
	background: #ffffff; border-radius:0.9vw; -moz-border-radius:0.9vw; -webkit-border-radius:0.9vw; font-size:0; line-height:0;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.ui-controls ul li:hover {
	background: #1e4394
}

.ui-controls ul .current {
	background: #ff8c00; width:2.2vw;
}

.pager-next{ display:none;}
.banner-main:hover .pager-next{ display:block;}

.ui-controls .ui-prev {
	width: 50px;
	height: 83px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/icon-slides.png) no-repeat 0px 50%;
	z-index: 999;
	cursor: pointer
}

.ui-controls .ui-next {
	width: 50px;
	height: 83px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/icon-slides.png) no-repeat -50px 50%;
	z-index: 999;
	cursor: pointer
}

.ui-controls .ui-prev:hover {
	background-position-x: -100px
}

.ui-controls .ui-next:hover {
	background-position-x: -150px
}

.pic-scroll {
	width: 1200px;
	margin: 50px auto 30px
}

.pic-scroll .lunbo01 {
	float: left;
	width: 680px;
	height: 400px;
	border: 5px solid #ccc;
	background: #eee;
	position: relative
}

.banner-main-img01 {
	height: 400px;
	width: 680px;
	overflow: hidden
}

.banner-main-img01 li {
	width: 680px;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.banner-main-img01 li img {
	width: 680px;
	height: 400px;
	display: block;
	position: relative;
	left: 0;
	top: 0
}

.ui-controls01 ul {
	position: absolute;
	bottom: 20px;
	right: 20px
}

.ui-controls01 ul li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 2px solid #ddd;
	background: #eee;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.ui-controls01 ul li:hover {
	border: 2px solid #ccc;
	background: #999
}

.ui-controls01 ul .current {
	border: 2px solid #ccc;
	background: #999
}

.ui-controls01 .ui-prev01 {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/icon-slides.png) no-repeat -84px 50%;
	z-index: 999;
	cursor: pointer
}

.ui-controls01 .ui-next01 {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/icon-slides.png) no-repeat -125px 50%;
	z-index: 999;
	cursor: pointer
}

.ui-controls01 .ui-prev01:hover {
	background-position-x: 0
}

.ui-controls01 .ui-next01:hover {
	background-position-x: -42px
}